*{
    margin: 0;
    padding: 0;
    background-color: black;
}
.title-box {
	position: absolute;
	width: 100%;
	top: 20px;
}
.title-box h1 {
	text-align: center;
	color: #FFFFFF;
	/* margin-bottom: 25px; */
/*	字间距的写法*/
	letter-spacing: 3px;
}
.ball {
    position: absolute;
	width: 30%;
	left: 10%;
	top: 20%;
}
.balla{
	/*调用动画*/
	animation: ball1 20s linear infinite normal;
}
.ballb{
	animation: ball2 30s linear infinite normal;
}
.ballc{
	animation: ball3 40s linear infinite normal;
}
@keyframes ball1 {
	from{
	transform: rotate(-10deg);
	}to{
	transform: rotate(10deg);
	}
}
@keyframes ball2 {
	from{
	transform: rotate(-15deg);
	}to{
	transform: rotate(15deg);
	}
}
@keyframes ball3 {
	from{
	transform: rotate(-20deg);
	}to{
	transform: rotate(20deg);
	}
}
.btn {
	position: absolute;
	width: 30%;
	height: 30%;
	right: 15%;
	top: 20%;
	margin-top: 20px;
	background-color: #fff;
	color: #444;
	font-size: 66px;
	font-weight: 600;
	letter-spacing: 20px;
	border: 20px solid wheat;
}
.btn:active {
	border-color: pink;
}
.text {
	color: #fff;
	font-size: 66px;
	position: absolute;
	right: 25%;
	bottom: 20%;
}




/*修改右侧小圆点颜色*/
#fp-nav ul li a.active span {
	background: rgba(255,255,255);
}